<!DOCTYPE html>
<html>
	<head lang="en">
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="viewport" content="height=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
		<title></title>
		<link rel="stylesheet" href="css/common2.css" />
		<link rel="stylesheet" href="css/register.css" />
		<link rel="stylesheet" href="js/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="css/common.css">
		<style>
			.message {
				background: none;
				padding-top: 10%;
			}
			
			.message input {
				width: 83%;
				margin: 0 4%;
			}
			
			.content form input:not(:nth-child(6)) {
				border: 0;
				margin-bottom: 8%;
			}
			
			.message .icons b {
				top: 14.5%;
				left: 11%;
			}
			
			.message .icons b:nth-child(2) {
				top: 37%;
				left: 10%;
			}
			
			.message .icons b:nth-child(3) {
				top: 60%;
			}
			
			.message .icons b:nth-child(4) {
				top: 82%;
			}
			
			.code {
				top: 33.475%;
				right: 7.5%;
				background: #21a9f5;
				color: #ffffff;
				padding: 3.635% 5%;
				-webkit-border-top-right-radius: 0.45em;
				-webkit-border-bottom-right-radius: 0.45em;
			}
			
			.message input {
				-webkit-border-radius: 0.45em;
			}
			
			.content {
				margin-top: 20px;
			}
			
			html {
				font-size: 1rem;
			}
			
			.submit {
				-webkit-box-shadow: #8f9bad 0px 0px 20px;
				-moz-box-shadow: #8f9bad 0px 0px 20px;
				box-shadow: #8f9bad 0px 0px 20px;
				text-align: center;
				-webkit-border-radius: 0.45em;
			}
		</style>
	</head>

	<body>
		<div class="register">
			<header class="mui-bar mui-bar-nav">
				<a id="back" href="login.html" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left">返回</a>
				<h1 id="title" class="mui-title">用户注册</h1>
			</header>

			<div class="content">
				<form action="">
					<div class="message">
						<input type="tel" placeholder="输入手机号" pattern="[0-9]{11}" required/>
						<input type="text" placeholder="输入验证码" pattern="[0-9]{6}" required/>
						<input type="password" placeholder="请输入新密码" pattern="[0-9A-Za-z]{6,25}" required/>
						<input type="password" placeholder="请再次输入密码" pattern="[0-9A-Za-z]{6,25}" required/>
						<div class="icons">
							<b><img src="images/zc-1.jpg" alt=""/></b>
							<b><img src="images/zc-2.jpg" alt=""/></b>
							<b><img src="images/zc-3.jpg" alt=""/></b>
							<b><img src="images/zc-3.jpg" alt=""/></b>
						</div>
						<a class="code" href="">获取验证码</a>
					</div>
					<button class="submit" type="submit">立即注册</button>
				</form>
			</div>
		</div>
	</body>

</html>